﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CustomTimeAndKMMoreByRouteReports.aspx.cs" Inherits="GPSTrackingWebsiteManager.Manager.Pages.CustomTimeAndKMMoreByRouteReports" %>



<%@ Register Assembly="Telerik.ReportViewer.WebForms, Version=7.2.13.1016, Culture=neutral, PublicKeyToken=a9d7983dfcc261be" Namespace="Telerik.ReportViewer.WebForms" TagPrefix="telerik" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnablePageMethods="true" EnablePartialRendering="true"></telerik:RadScriptManager>
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="AjaxControlID1">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="Loading" LoadingPanelID="RadAjaxLoadingPanel1" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
            </telerik:RadAjaxManager>
            
            <div>
                <fieldset>
                    <legend>Seleccione las fechas a Consultar</legend>
                    <telerik:RadDatePicker ID="beginDateSelected" runat="server" DateInput-Label="Fecha Desde" Style="text-align: left" Height="24px" Width="200px" Calendar-CultureInfo="es-CR">
                        <Calendar UseColumnHeadersAsSelectors="true" UseRowHeadersAsSelectors="true" ViewSelectorText="x" EnableMultiSelect="true"></Calendar>
                        <DateInput DateFormat="dd/MM/yyyy" DisplayDateFormat="dd/MM/yyyy" Height="24px" LabelWidth="50%"></DateInput>
                    </telerik:RadDatePicker>

                    <telerik:RadDatePicker ID="endDateSelected" runat="server" DateInput-Label="Fecha Hasta" Style="text-align: left" Height="24px" Width="200px" Calendar-CultureInfo="es-CR">
                        <Calendar UseColumnHeadersAsSelectors="true" UseRowHeadersAsSelectors="true" ViewSelectorText="x" EnableMultiSelect="true"></Calendar>
                        <DateInput DateFormat="dd/MM/yyyy" DisplayDateFormat="dd/MM/yyyy" Height="24px" LabelWidth="50%"></DateInput>
                    </telerik:RadDatePicker>
                    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                    <telerik:RadButton ID="btnSearch" runat="server" Text="Buscador" Height="32px" Width="32px" AutoPostBack="true" ToolTip="Consultar Resumen de Rutas" OnClick="btnSearch_Click">
                        <Image ImageUrl="../../Template/Icons/32px/Actions-document-find-icon.png" />
                    </telerik:RadButton>

                </fieldset>
            </div>
            <div>
                <fieldset>
                    <legend>Reporte</legend>
                    <telerik:ReportViewer ID="ReportViewer1" runat="server" Height="500px" Width="100%" ProgressText="Generando reporte ..." ViewMode="PrintPreview">
                        <ReportSource></ReportSource>
                    </telerik:ReportViewer>
                </fieldset>
            </div>

            <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin=""></telerik:RadAjaxLoadingPanel>
            <telerik:RadWindowManager ID="RadWindowManager1" runat="server"></telerik:RadWindowManager>

            <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy2" runat="server">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="btnSearch">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="ReportViewer1" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
            </telerik:RadAjaxManagerProxy>
        </form>
    </body>
</html>


